<!--Cuando agrega, no se actualiza-->
<?php
    echo $this->Html->script('formapago.js');
    echo $this->Html->css('estilo_formapago.css');
    $todos = $datos['todos']; 
?>  
<div class="container">
    <div class="contenedor-tabla">
        <h3 class="titulo-form">FORMAS DE PAGO<button class="btn btn-success agregar-modal" type="button" data-toggle="modal">
        Agregar Forma de Pago
        </button></h3>
        <div class="tres-botones">
            <div id="seleccion">Seleccione un registro</div>
            <button class="btn btn-small btn-primary modificar-modal" disabled="disabled">
                Modificar
            </button>
            <button class="btn btn-small btn-danger eliminar-modal" disabled="disabled">
                Eliminar
            </button>
        </div>
        <table class="table table-striped " id="tabla-principal">
            <thead>
                <tr>
                    <th class="header-id">Clave</th>
                    <th class="header-nom">Descripcion</th> 
                </tr>
            </thead>
            <tbody>
                <?php foreach ($todos as $t) { ?>
                    <tr>
                        <td class="id-tabla"><?php echo $t['id']; ?></td>
                        <td class="nombre-tabla"><?php echo $t['descripcion']; ?></td> 
                    </tr>
                <?php } ?>
            </tbody>
            <tfoot>
                <tr>
                    <th></th><th>Todos</th>
                </tr>
            </tfoot>
        </table> 
        
    <!--</div>-->
    
</div>

 <div id="dlg-modal" class="dialogo-modal">
        <h3 class="titulo-modal"></h3>
        <div id='contenido'></div>
 </div>
<div id="contenido-forma">
    <form id="forma-modal">
         <div class="control-group">
                <label class="control-label" for="dlg-id">Clave Id:</label>
                <input class="control-forma" id="dlg-id" type="text" name="id" readonly="true"> 
                <label class="control-label" id="dlg-activo-label" for="dlg-activo">Activo</label>
                <input class="control-forma" id="dlg-activo" type="checkbox" name="activo">                
                
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-descripcion">Descripcion:</label>
                <input class="control-forma" id="dlg-descripcion" type="text" name="descripcion"> 
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-desc-mueble">Descto. Mueble:</label>
                <input class="control-forma" id="dlg-desc-mueble" type="text" name="desc_mueble">%        
                <label class="control-label" for="dlg-desc-esp-mueble">Descto. Esp. Mueble:</label>
                <input class="control-forma" id="dlg-desc-esp-mueble" type="text" name="desc_esp_mueble">%
         </div> 
         <div class="control-group">
                <label class="control-label" for="dlg-desc-equipo">Descto. Equipo:</label>
                <input class="control-forma" id="dlg-desc-equipo" type="text" name="desc_equipo">%        
                <label class="control-label" for="dlg-desc-esp-equipo">Descto. Esp. Equipo:</label>
                <input class="control-forma" id="dlg-desc-esp-equipo" type="text" name="desc_esp_equipo">%
         </div> 
         <div class="control-group">
                <label class="control-label" for="dlg-desc-cubierta">Descto. Cubierta:</label>
                <input class="control-forma" id="dlg-desc-cubierta" type="text" name="desc_cubierta">%        
                <label class="control-label" for="dlg-desc-esp-cubierta">Descto. Esp. Cubierta:</label>
                <input class="control-forma" id="dlg-desc-esp-cubierta" type="text" name="desc_esp_cubierta">%
         </div> 
         <div class="control-group">
                <label class="control-label" for="dlg-anticipo">Anticipo:</label>
                <input class="control-forma" id="dlg-anticipo" type="text" name="anticipo">%
                <label class="control-label" for="dlg-liquidacion">Liquidacion:</label>
                <input class="control-forma" id="dlg-liquidacion" type="text" name="liquidacion">%
         </div> 
         <div class="control-group">
                <label class="control-label" for="dlg-leyenda">Leyenda:</label>
                <input class="control-forma" id="dlg-leyenda" type="text" name="leyenda"> 
         </div> 
        <div class="control-group botones-modal">
                <div class="btn btn-success aceptar-modal validar-cliente"></div>
                <div class="btn btn-danger cancelar-modal"></div>
        </div>
    </form>
    <div id="confirmar-cambios-modal">
        <div id="borde-int-confirmar">
        </div>
    </div>
</div>
<script type="text/javascript">
    var rutaModificar = "<?php echo $this->Html->Url(array('controller' => 'FormaPago', 'action' => 'modificarFormaPago')); ?>";
    var rutaEliminar = "<?php echo $this->Html->Url(array('controller' => 'FormaPago', 'action' => 'eliminarFormaPago')); ?>";
    var rutaAgregar = "<?php echo $this->Html->Url(array('controller' => 'FormaPago', 'action' => 'agregarFormaPago')); ?>"; 
    var todos = <?php echo json_encode($todos); ?>; 
    var dialogo = $(document).find('#dialogo-modal');
    var id, arreglo, itabla, tabla;
    var activo = 0;
</script>